* {
    padding: 0;
    margin: 0;
}
.box {
    width: 100%;
    height: 720px;
    background-image: url(../day03/大屏可视化素材图/素材图/index_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
} 
.left {
    width: 25%;
    height: 720px;
    .leftheader {
        width: 100%;
        height: 200px;
        background-image: url(../day03/大屏可视化素材图/素材图/border_bg01.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        text-align: center;
        p {
            color: #2268a6;
            font-size: 18px;
        }
        h3 {
            font-size: 30px;
            color: white;
        }
    }
    .lefttitle {
        width: 100%;
        height: 250px;
        .leftbox1 {
            width: 100%;
            height: 15%;
            background-image: url(../day03/大屏可视化素材图/素材图/box_title.png);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            color: white;
            font-size: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .leftbox2 {
            width: 100%;
            height: 70%;
            // background-color: white;
            #min{
                width: 85%;
                height: 85%;
                // background-color: skyblue;
            }
        }
    }
    .leftfooter {
        width: 100%;
        height: 270px;
        table {
            width: 100%;
            height: 100%;
        }
    }
}

.zpbbox1{
    width: 1%;
    height: 100%;
    background-image: url(../day03/大屏可视化素材图/素材图/line_img.png);
    background-size: 100% 100%; 
    background-repeat: no-repeat;
}

.title {
    width: 45%;
    height: 730px;
    .titleheader {
        width: 100%;
        height: 50px;
        background-image: url(../day03/大屏可视化素材图/素材图/title_border.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        color: white;
        font-size: 24px;
        div {
            display: flex;
            justify-content: center;
            align-items: center;

            img {
                width: 40px;
                height: 40px;
            }
        }
    }
    .titlebox {
        width: 100%;
        height: 110px;
        margin-top: 5px;
        display: flex;
        align-items: center;
        .titlebox1 {
            width: 50%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid white;
            color: white;
            .titlebox1-1 {
                width: 60%;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            .titlebox1-2 {
                width: 5%;
                font-size: 30px;
            }
            .titlebox1-3 {
                display: flex;
                width: 35%;

                img {
                    width: 70px;
                    height: 50px;
                }
            }
        }
        .titlebox2 {
            width: 5%;
            height: 100%;
            padding-left: 10px;
        }
    }
}
.rigth {
    width: 25%;
    height: 720px;
    // background-color: bisque;
    .rigthheader{
        width: 100%;
        height: 250px;
        header{
            width: 100%;
            height: 15%;
            background-image: url(../day03/大屏可视化素材图/素材图/box_title.png);
            background-size: 100% 100%; 
            background-repeat: no-repeat;
            color: white;
            font-size: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        div{
            width: 100%;
            height: 85%;
        }
    }
    .rigthtitle{
        width: 100%;
        height: 250px;
        header{
            width: 100%;
            height: 15%;
            background-image: url(../day03/大屏可视化素材图/素材图/box_title.png);
            background-size: 100% 100%; 
            background-repeat: no-repeat;
            color: white;
            font-size: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        div{
            width: 100%;
            height: 85%;
        }
    }
    .rigthfooter{
        width: 100%;
        height: 220px;
        header{
            width: 100%;
            height: 15%;
            background-image: url(../day03/大屏可视化素材图/素材图/box_title.png);
            background-size: 100% 100%; 
            background-repeat: no-repeat;
            color: white;
            font-size: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        div{
            width: 100%;
            height: 85%;
        }
    }
}
